<template>
    <div class="box">
       <div class="head">个人信息</div>
       <div class="body">
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">账号:{{  }}</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{ this.userId }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">密码:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{ this.psWord }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">用户名:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{this.userName  }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">性别:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{this.gender }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">手机号码:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{this.phone }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">Email:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{ this.email }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
        <div class="mb-3 row">
          <label for="staticEmail" class="col-sm-2 col-form-label form-control-lg">身份:</label>
          <div class="col-sm-10">
             <!--  -->
             <div class="card">
                 <div class="card-body">
                  {{this.ismaind==0?"用户":"管理员"  }}
                 </div>
              </div>
             <!--  -->
          </div>
        </div>
       </div>
    </div>
</template>
<script>
import { log } from "three";

export default({
   data(){
      return {
         info:{},
         // phone:sessionStorage.getItem("phone"),
         // userId:sessionStorage.getItem("userId"),
         // userName:sessionStorage.getItem("usrName"),
         // email:sessionStorage.getItem("email"),
         // psWord:sessionStorage.getItem("psWord"),
         // gender:sessionStorage.getItem("gender"),
         // ismaind:sessionStorage.getItem("ismaind"),
         phone:"",
        userId:"",
         userName:"",
         email:"",
        psWord:"",
        gender:"",
      ismaind:"",
      }
   },
   mounted(){
      this.phone=sessionStorage.getItem("phone"),
        this. userId=sessionStorage.getItem("userId"),
        this.userName=sessionStorage.getItem("usrName"),
        this.email=sessionStorage.getItem("email"),
        this.psWord=sessionStorage.getItem("psWord"),
        this.gender=sessionStorage.getItem("gender"),
        this.ismaind=sessionStorage.getItem("ismaind")
      //   window.location.reload();
   }
})
</script>
<style lang="less" scoped>
.box{
    width: 100%;
    height: 100%;
    // background-color: rgba(247, 248, 243,0.95);
    background-color: #fff;
    // background-color:pink;
    .head{
        position: absolute;
        top: 0px;
        font-size: 22px;
        text-align: center;
        line-height: 38px;
        width: 100%;
        height: 40px;
        // background-color: rgba(247, 248, 243,0.95);
        background-color: #fff;
        
    }
    .body{
        width: 66%;
        height: 69%;
        // background-color: #4dc1d6;
        position: absolute;
        top: 52%;
        left: 51%;
        transform: translate(-50%,-50%);
        // padding-top: 107px;
        // padding-right: 47px;
        // padding-left: 352px;
        // background-color: rgba(247, 248, 243,0.95);
        // background-color: #66a0c6;
        .body_box{position: absolute;
            
            .body_word{
            position: absolute;
            top: 2px;
            left: 2px;
        }
        }
        .input_margin{
            margin-bottom: 32px;
        }
        .body_buttons{
            margin-left: 280px;
        }
    }
}

</style>